#getInPage{
    color: deepskyblue;
    font-size: 6rem;
    font-family: ttx;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-30%);
    animation: getInPage 2s;
}

#ttx{
    color: white;
    font-size: 2em;
    position: absolute;
    font-family: ttx;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-60%);
    opacity: 0;
    animation: fadeIn 8s 1s;
    cursor: grab;
}

#next{
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-80%);
    opacity: 0;
    animation: fadeIn 3s 10s infinite;
    cursor: wait;
}

button[id=Q1B1]{
    position: fixed;
    top: 10%;
}
button[id=Q1B2]{
    position: fixed;
    top: 50%;
}

#pie{
    width: 900px;
    height: 1000px;
    cursor: grabbing;
}

#piespan{
    color: darkslategray;
    font-family: ttx;
    font-size: 5em;
    position: absolute;
    right: 10%;
    top: 30%;
    width: 40%;
}

#YuanShen{
    display: none;
    width: 100%;
    height: 100%;
    z-index: 999;
}

#Genshin{
	width: 354px;
	height: 276px;
	background-image: url(../resources/Genshin.png);
	/*
	margin: 0 auto;
	position: relative;
	*/
	top: 50%;
	left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}

#bottomContent{
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
	width: 100%;
	font-family: ttx;
	font-size: 28px;
	text-align: center;
	color: gray;
}